<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j">

<body>
	<ui:composition template="/templates/template.xhtml">
		<ui:define name="title">RichFaces Sample</ui:define>
		<ui:define name="body">
			<h:outputStylesheet>
		        .outhello {
		        font-weight: bold;
		        color: red;
		        }
		    </h:outputStylesheet>
			<h:form>
				<h:panelGrid columns="3">
					<h:outputText value="Name:" />
					<h:inputText value="#{userBean.name}" />
					<a4j:commandButton value="Say Hello" render="out" execute="@form" />
				</h:panelGrid>
			</h:form>
			<br />
			<a4j:outputPanel id="out">
				<h:outputText value="Hello #{userBean.name} !"
					rendered="#{not empty userBean.name}" styleClass="outhello" />
			</a4j:outputPanel>
		</ui:define>
	</ui:composition>
</body>
</html>